
.img-list-box {
  width: 285px;
  height: 285px;
  margin-right: 55px;
  flex: none;
}
.info-right {
  flex: auto;
  padding-right: 20px;
  .right-top {
    min-height: 170px;
  }
  dl {
    font-size: 14px !important;
    &.info-header {
      color: #666;
      dt {
        width: 50px;
        margin-right: 20px;
        float: left;

        .el-image {
          width: 50px;
          height: 50px;
          border-radius: 50%;
        }
        span.name {
          display: block;
          width: 100%;
          line-height: 20px;
          text-align: center;
          font-size: 14px;
          color: #333;
          padding: 5px 0;
        }
      }
      dd {
        margin-left: 80px;
        padding-bottom: 10px;

        .nike-name {
          margin-right: 30px;
        }
        .el-tag {
          margin-right: 8px;
          height: 24px;
          line-height: 22px;
        }
        .nick-code {
          margin-right: 15px;
        }
        button.el-button.el-button--default.el-popover__reference {
          background: #ff8c00;
          border: 1px solid #ff8c00;
          color: #fff;
          padding: 4px 10px;
          margin-right: 8px;
        }
      }
    }
    &.info-con {
      clear: both;
      padding-top: 15px;
      color: #333;
      dd {
        padding-bottom: 20px;
        a {
          color: #333;
          &:hover {
            color: #666;
          }
        }
      }
    }
  }
  .info-content {
    font-size: 14px;
    color: #666;
    word-break: break-all;
    img {
      max-width: 100%;
    }
  }
  .info-video {
    padding: 10px 0;
    font-size: 16px;
    color: #333;
  }
  ul.foot-list {
    padding: 10px 0 15px;
    overflow: hidden;
    color: #999;
    font-size: 16px;

    li {
      float: left;
      margin-right: 20px;
      line-height: 28px;
      &.pointer {
        cursor: pointer;
      }
    }
  }
}
.canClick {
  cursor: pointer;
}
